<html>
<head>
<script type="text/javascript" src="../js/jquery-1.6.4.min.js"></script>
<style type="text/css">
ul{display: inline;}
</style>
<script type="text/javascript">
$(document).ready(function(){
	var imgs=$("#reg-image-slide-hook").find("img");
	var current=0;
	var tidck=window.setInterval(function(){
		//隐藏l,显示n
		if(current>0)
			$(imgs[current-1]).hide();//.style.display="none";
		
		if(current>=imgs.size()){
			current=0;
			}
		$(imgs[current]).fadeIn("slow");//.style.display="block";
		current++;
		},3000);
});

</script>
</head>
<body>
<div id="reg-image-slide">
<ul id="reg-image-slide-hook">
<li><img src="http://s.libdd.com/img/element/startpage-slide-2.png" ></li>
<li><img src="http://s.libdd.com/img/element/startpage-slide-1.png" style="display:none;"></li>
<li><img src="http://s.libdd.com/img/element/startpage-slide-3.png" style="display:none;"></li>
</ul>
</div>
</body>
</html>